<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style>
	/*每个页面公共css */
	.mt-30 {
		margin-top: 30rpx;
	}

	.ml-10 {
		margin-left: 10rpx;
	}

	.mt-10 {
		margin-top: 10rpx;
	}

	.ml-30 {
		margin-left: 30rpx;
	}

	.mr-30 {
		margin-right: 30rpx;
	}

	.pl-30 {
		padding-left: 30rpx;
	}

	.mt-50 {
		margin-top: 50rpx;
	}

	.mb-30 {
		margin-bottom: 30rpx;
	}

	.p-30 {
		padding: 30rpx;
	}

	.img {
		width: 100%;
		height: 100%;
	}

	.text-center {
		text-align: center;
	}

	.flex-space {
		display: flex;
		justify-content: space-between;
	}

	.flex {
		display: flex;
	}

	.tips-text {
		font-size: 24rpx;
		font-weight: 400;
		color: #666;
	}

	.a-center {
		display: flex;
		align-items: center;
	}

	.time-text {
		font-size: 26rpx;
		font-weight: 400;
		color: #666;
	}

	.blue-text {
		font-size: 36rpx;
		color: #3c9cff;
		font-weight: 400;
	}

	.mt-100 {
		margin-top: 100rpx;
	}

	.pt-100 {
		padding-top: 100rpx;
	}

	.pl-10 {
		padding-left: 10rpx;
	}

	.red-text {
		color: red;
	}

	.blod-text {
		font-size: 30rpx;
		font-weight: 600;
	}

	.dynamic-icon {
		width: 50rpx;
		height: 50rpx;
	}

	.more-icon {
		width: 50rpx;
		height: 30rpx;
	}

	.j-center {
		display: flex;
		justify-content: center;
	}

	.border-b {
		border-bottom: 1rpx solid #666;
	}

	.text-overflow-3 {
		/* 超过3行省略 */
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	
	.text-overflow-2 {
		/* 超过3行省略 */
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	
	.icon-b {
		width: 40rpx;
		height: 40rpx;
	}

	.icon-c {
		width: 50rpx;
		height: 50rpx;
	}

	.flex-a {
		flex-direction: column;
	}

	.icon-a {
		width: 100rpx;
		height: 100rpx;
	}

	.mr-50 {
		margin-right: 50rpx;
	}

	.user-icon {
		width: 80rpx;
		height: 80rpx;
		border-radius: 100%;
		background-color: skyblue;
		overflow: hidden;
	}

	.user-name-w {
		font-size: 26rpx;
		color: #fff;
		font-weight: 600;
	}
	.user-name{
		font-size: 26rpx;
	}
	.icon-back {
		width: 50rpx;
		height: 80rpx;
	}

	.flex-end {
		display: flex;
		justify-content: flex-end;
	}
	.pt-30{
		padding-top: 30rpx;
	}
	.pb-10{
		padding-bottom: 10rpx;
	}
	.c-w{
		color: white;
	}
	.cover{
		width: 200rpx;
		height: 200rpx;
	}
	.ml-60{
		margin-left: 60rpx;
	}
	.mr-60{
		margin-right: 60rpx;
	}
	.flex-warp{
		flex-wrap: wrap;
	}
</style>